{% extends 'store/blank.html' %}

{% block header %}
<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>天天生鲜</title>

  <!-- Custom fonts for this template-->
  <link href="/static/store/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <!-- Custom styles for this template-->
  <link href="/static/store/css/sb-admin-2.min.css" rel="stylesheet">
  <style>
      .list-item{
          margin-top: 20px;
      }

  </style>
</head>
{% endblock %}

    {% block content %}
    <!-- Begin Page Content -->

    <!--面板部分-->
    <div class="container-fluid">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
              <h4 class="m-0 font-weight-bold text-primary">上周交易额度统计</h4>
            </div>
            <div class="card-body">
              <div class="chart-bar">
                    <canvas width="1500px" height="350px" id="myBarChart"></canvas>
              </div>
            </div>
        </div>
    </div>
    <!--数量面板部分-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 md-6">
                <div class="card">
                    <div class="card-header py-3">
                      <h4 class="m-0 font-weight-bold text-primary">订单消息</h4>
                    </div>
                    <div class="card-body">
                      <div class="chart-bar">
                        <ul class="list-unstyled">
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                             <li class="list-item col-md-12">
                                <a href="#" class="col-md-12">
                                    <h5 class="fa-pull-left col-md-6">000021订单支付完成，等待发货</h5>
                                    <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                </a>
                             </li>
                        </ul>
                      </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 md-6">
                <div class="card shadow">
                    <div class="card-header py-3">
                      <h4 class="m-0 font-weight-bold text-primary">系统消息</h4>
                    </div>
                    <div class="card-body">
                      <div class="chart-bar">
                            <ul class="list-unstyled">
                                 <li class="list-item col-md-12">
                                    <a href="#" class="col-md-12">
                                        <h5 class="fa-pull-left col-md-6">8月份平台结算通知</h5>
                                        <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                    </a>
                                 </li>

                                 <li class="list-item col-md-12">
                                    <a href="#" class="col-md-12">
                                        <h5 class="fa-pull-left col-md-6">8月份平台处罚通知</h5>
                                        <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                    </a>
                                 </li>
                                 <li class="list-item col-md-12">
                                    <a href="#" class="col-md-12">
                                        <h5 class="fa-pull-left col-md-6">8月份平台入围店铺公示</h5>
                                        <h5 class="fa-pull-right col-md-4">2020-5-15 9:00</h5>
                                    </a>
                                 </li>
                            </ul>
                      </div>
                    </div>
                </div>
            </div>
      </div>
  </div>
    <!-- End of Main Content -->
    {% endblock %}

{% block script %}
  <!-- Bootstrap core JavaScript-->
  <script src="/static/store/vendor/jquery/jquery.min.js"></script>
  <script src="/static/store/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="/static/store/vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for all pages-->
  <script src="/static/store/js/sb-admin-2.min.js"></script>
  <script src="/static/store/js/echarts.min.js"></script>
  <script>
      var myChart = echarts.init(document.getElementById('myBarChart'));
      var option = {
            title: {
                text: '上周交易额度统计'
            },
            tooltip: {},
            legend: {
                data:['交易额度']
            },
            xAxis: {
                data: ["周一","周二","周三","周四","周五","周六","周日"]
            },
            yAxis: {},
            series: [{
                name: '交易额度',
                type: 'line',
                data: [5, 20, 36, 10, 10, 20,30]
            }]
        };
        myChart.setOption(option);
  </script>
{% endblock %}

